<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<form action="#" method="post">
<!--  name属性    用来与后端的属性传值的-->
<!--  value属性 用来保存控件的值，也可以用于设置输入框的默认值-->
  姓名: <input type="text" name="uname">
  <br>
  密码: <input type="password" name="password" value="" placeholder="请输入密码" maxlength="6">
  <br>
  value:<input type="text" value="12345678">
  <br>
  只读值 <input type="text" readonly value="readonly">

  <br>
  禁止操作值 <input type="text" disabled value="disable">
  <br>
  占位属性placeholder <input type="text" placeholder="1234567890">
  <br>
  <br>

  <br>
  <input type="submit" value="点我提交">
  <input type="reset" value="点我重置">
  <input type="button" value="普通按钮">
  <button type="reset">重置按钮</button>

<!-- 单选按钮  同一类型的单选 必须指定name相同 要想于后端传值，必须又value  -->
<!--  checkbox 复选框 date日期 color 颜色 file文件 range 范围  button 普通按钮-->
  <input type="radio" value="1" name="gender" checked> 男
  <input type="radio" value="0" name="gender"> 女
  <hr>
  <input type="checkbox" value="cf" name="hobby"> 吃饭
  <input type="checkbox" value="sj" name="hobby"> 睡觉
<!--   checked 默认选中 单选 多选都可以使用-->
  <input type="checkbox" value="ddd" name="hobby" checked> 打豆豆
<!--  日期-->
  <input type="date" name="rq">
<!--  颜色-->
  <input type="color" name="COLOR">
<!--  范围-->
  <input type="range" name="range">
<!--  文件-->
  <input type="file" name="fl">

  <br>
  <select name="city" id="">
    <option value="cf">吃饭</option>
    <option value="sj">睡觉</option>
    <option value="ddd">打豆豆</option>
    <option value="xxx">xxx</option>
  </select>

<!--  文字关联复选框  点击文本时也能勾选它-->
  <input type="checkbox" id="ok">
  <label for="ok">我同意以上协议</label>

<!--  点击文本时，会聚焦输入框-->
  <label for="nickname">昵称</label>
  <input type="text" id="nickname">

  留言板 <textarea style="resize: none" cols="30" rows="3">请留言</textarea>



</form>
</body>
</html>